/**
 *@auther: tang
 @Date: 2020-11-10
 *Project: group-booking-shop-manage-system
 */

import React from 'react';
import {Button,Result} from "antd";


// FC = Functional Component 使用这个类型有个好处就是，提醒你必须返回一个ReactNode
// 在函数式组件中，无法像在类组件中一样使用state和生命钩子函数，但React提供了HOOK

class NoFoundPage extends React.Component{
    render() {
        return (
            <Result status="404"
                    title="404"
                    subTitle="Sorry, the page you visited does not exist."
                    extra={
                        <Button type="primary" onClick={() => this.props.history.push('/')}>
                            Back Home
                        </Button>}>
        </Result>)
    }
}

export {NoFoundPage as default};
